{include file='common/_meta' /}
<style>
#go_sh{
    height: 30px;
    margin-bottom: 10px
}
#go_sh
,#go_yy{
width: 100%;
font-size: 16px;
line-height: 30px;
}
#caozuo a{

    border-radius: 3px;
    padding: 2px 0;
    cursor: pointer
}
#caozuo a:hover{
    background: #00BFFF;
    color:#fff;
}
</style>
<body>
<div class="container">
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-md12 breadcrumb">
            <span class="layui-breadcrumb">
                <a><cite>用户管理</cite></a>
                <a><cite>用户SIM短信配置</cite></a>
                <a href="javascript:location.reload();">刷新</a>
            </span>
        </div>
    </div>
    <div class="layui-col-xs12  layui-col-md12">
        <form class="layui-form" action="" id="form_s">
        </form>
    </div>
    <div class="layui-col-xs12 layui-col-md12">
        <table class="layui-hide" id="initdate" lay-filter="datatable" lay-size="sm"></table>
        <script type="text/html" id="toolbarDemo">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
            </div>
        </script>
        <script type="text/html" id="barDemo">
        <span id="caozuo">
            {{# if(d.onoff_btn){ }}
                {{d.onoff_btn}}&nbsp;&nbsp;
            {{# } }}
            <a class="javascript:;" title="编辑" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></a>&nbsp;&nbsp;
            <a class="javascript:;" title="删除" lay-event="del"><i class="layui-icon layui-icon-delete" style="color:#E81033"></i></a>
        </span>
        </script>

    </div>
</div>
{include file="common/_footer"}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{:$Think.config.__STATIC__}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">
layui.use(['table','laydate','form'], function(){
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;

    //表格
    table.render({
        elem: '#initdate'
        ,url:'{:url('index')}'
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,totalRow: false //合计
        ,toolbar: '#toolbarDemo'//默认工具栏
        ,defaultToolbar: ['filter']//默认工具栏
        ,text: {
            none: '搜索到0条数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
        }
        ,autoSort: false//默认 true，即直接由 table 组件在前端自动处理排序。若为 false，则需自主排序，通常由服务端直接返回排序好的数据。
        ,method:'post'//请求方式
        ,page:true//开启分页
        ,limit:20//每页记录数
        ,cols: [{$configTable|raw}]
        ,size: 'sm'
        ,id: 'orderTable'
    });
    form.on('submit(tou)', function(data) {
        // console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
        // console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
        // console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
        table.reload('orderTable', {
            page:{curr:1}//底下分页样式的开始页置为第一页
            ,where: data.field //设定异步数据接口的额外参数
        });
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    //监听头工具栏事件
    table.on('toolbar(datatable)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);

        switch(obj.event)
        {
            case 'add':
                layer.open({
                    type: 2,
                    title: '添加',
                    area: ['100%', '100%'],
                    content: '{:url('add')}'
                });
                break;
        };
    });
        //监听工具条
    table.on('tool(datatable)', function(obj) {

        var data = obj.data;

        var txt = '';

        if(obj.data.onoff == 1){
            txt = '关闭';
        }else{
            txt = '开启';
        }

        switch(obj.event) {
            case 'onoff':
                layer.confirm('确认要'+txt+'吗？',function(index) {
                    var index = layer.load();
                    $.ajax({
                        url:'{:url('onoff')}'
                        ,type:'post'
                        ,data:{'id':obj.data.id}
                        ,success:function(data){
                            if(data.code == 200){
                                layer.msg(data.msg, {icon: 6,time:1000},function(){
                                    location.reload();
                                });
                            }else{
                                layer.msg(data.msg,{icon: 5,time:2000});
                            }
                        }
                        ,complete:function(){
                            layer.close(index)
                        }

                    })
                })
                break;
            case 'edit':
                layer.open({
                    type: 2,
                    title: '编辑',
                    area: ['100%', '100%'],
                    content: '{:url('edit')}?id='+obj.data.id
                });
                break;
            case 'del':
                layer.confirm('确认要删除吗？',function(index) {
                    var index = layer.load();
                    //此处请求后台程序，下方是成功后的前台处理……
                    $.post('{:url('del')}',{'id':data.id},function(data){
                        if(data.code == 200){
                            layer.msg('已删除!', {icon: 6,time:1000},function(){
                                location.reload();
                            });
                        }else{
                            layer.msg('失败!',{icon: 5,time:2000});
                            layer.close(index)
                        }
                    });
                });
                break;

        };

    });
    /*解决操作按钮收缩，打开tips框不生效问题 start*/
    $(document).off('mousedown', '.layui-table-grid-down').on('mousedown', '.layui-table-grid-down', function (even) {

        table._tableTrCurr = $(this).closest('td');
    });

    $(document).off('click', '.layui-table-tips-main [lay-event]').on('click', '.layui-table-tips-main [lay-event]', function (even) {

        var elem = $(this);
        var tableTrCurr = table._tableTrCurr;

        if (!tableTrCurr) {

            return;
        }

        var layerIndex = elem.closest('.layui-table-tips').attr('times');
        layer.close(layerIndex);

        table._tableTrCurr.find('[lay-event="' + elem.attr('lay-event') + '"]').first().click();
    });
    /*解决操作按钮收缩，打开tips框不生效问题 end*/
});


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>